<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
        <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
        <link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
        <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen">
        <script type="text/javascript" src="js/jquery-1.6.min.js" ></script>
        <script type="text/javascript" src="js/FF-cash.js" ></script>
        <script type="text/javascript" src="js/cufon-yui.js"></script>
        <script type="text/javascript" src="js/cufon-replace.js"></script>
        <script type="text/javascript" src="js/Bebas_400.font.js"></script> 
        <script type="text/javascript" src="js/Tangerine_400.font.js"></script>
        <script type="text/javascript" src="js/superfish.js"></script>
        <script src="js/easyTooltip.js" type="text/javascript"></script>
        <script src="js/forms.js" type="text/javascript"></script>
        <script src="js/hover-image.js" type="text/javascript"></script>
        <script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $(".sf-menu li").hover(function(){
                    $(this).addClass("alt");
                    Cufon.refresh();
                }, function(){
                    $(this).removeClass("alt");
                    Cufon.refresh();
                });
            });
        </script>
        <!--[if lt IE 7]> 
                       <div style=' clear: both; text-align:center;  padding:0 0 0 0px; position: relative;'>
                               <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg"  border="0" height="42" width="820" alt="You are using an outdated browser. For a  faster, safer browsing experience, upgrade for free today. /></a>
                       </div> 
         <![endif]-->
        <!--[if lt IE 9]> 
            <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
            <script type="text/javascript" src="js/html5.js"></script>
        <![endif]--> 
    </head>

    <body id="page1">
        <div class="bg3">
            <div class="bg-center">
                <!-- header -->
                <header>
                    <div class="main">
                        <div class="bg1">
                            <div class="wrapper">
                                <ul class="list">
                                    <li><a href="#">User Login</a></li>
                                    <li class="last"><a href="#">Register</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="bg2">
                            <div class="wrapper">
                                <h1><a href="index.html">jesusChurch</a></h1>
                                <form id="search-form">
                                    <fieldset>
                                        <label><input type="text"  value="" onFocus="if(this.value==''){this.value=''}" onBlur="if(this.value==''){this.value=''}" /></label>
                                        <a href="#" class="page1-img1" onclick="document.getElementById('search-form').submit()"></a>
                                    </fieldset>
                                </form>
                            </div>
                            <nav>
                                <ul class="sf-menu">
                                    <li><a href="index.html" class="active"><em>1.</em><b><span>Home</span><br>Welcome Page</b></a></li>
                                    <li><a href="index-1.html"><em>2.</em><b><span>about  us</span><br>Who We Are</b></a>
                                        <ul>
                                            <li><a href="#">our  mission</a></li>
                                            <li><a href="#">our  team</a>
                                                <ul>
                                                    <li><a href="#">Bill  Dinsmore</a></li>
                                                    <li><a href="#">Mark smith</a></li>
                                                    <li class="last"><a href="#">Eric  Anderson</a></li>
                                                </ul>
                                            </li>
                                            <li class="last"><a href="#">Worship  Arts</a></li>
                                        </ul>
                                    </li>                       		
                                    <li><a href="index-2.html"><em>3.</em><b><span>sermons</span><br>Our Community</b></a></li> 
                                    <li><a href="index-3.html"><em>4.</em><b><span>media</span><br>View &amp; Listen</b></a></li>
                                    <li><a href="index-4.html"><em>5.</em><b><span>contacts</span><br>Stay In Touch</b></a></li>
                                </ul>
                                <a class="fright img tooltip" title="Twitter" href="#"><img src="images/icon-1.gif" alt=""></a>
                            </nav>
                        </div>
                        <div class="page1-img2">
                            <a href="#" class="button-1"></a>
                            <a href="#" class="button-2"></a>
                        </div>
                    </div>
                </header>
                <!-- content -->
                <section id="content">
                    <div class="container_12">
                        <div class="wrapper">
                            <div class="grid_12">
                                <div class="wrapper">
                                    <div class="col-1">
                                        <div class="bg-h2">
                                            <h2>latest news</h2>
                                        </div>
                                        <div class="pad-left">
                                            <div class="text text-top">April 29</div>
                                            <a href="#" class="link1">Next Fresh Encounter<br> Prayer Service</a>
                                        </div>
                                        <div class="border border-pad"></div>
                                        <div class="pad-left">
                                            <div class="text">April 27</div>
                                            <a href="#" class="link1">Please, Don't Be Silent God!</a>
                                        </div>
                                        <div class="border border-pad1"></div>
                                        <div class="pad-left">
                                            <div class="text">April 25</div>
                                            <a href="#" class="link1">Taste and See: The Lord<br>is Good!</a>
                                        </div>
                                        <div class="border border-pad2"></div>
                                        <div class="wrapper">
                                            <a href="#" class="link2 fright link2-pad">read more</a>
                                        </div>
                                    </div>
                                    <div class="col-2">
                                        <div class="box">
                                            <div class="padding">
                                                <h3>Welcome</h3>
                                                <div class="text1">" It is by God's grace that you have been saved<br>through faith..."</div>
                                                Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te.
                                                <div class="wrapper">
                                                    <div class="title">patric  brown<br><span>executive pastor</span></div>
                                                    <div class="Patric">Patric Brown</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-3">
                                        <div class="bg-h2">
                                            <h2>recent photos</h2>
                                        </div>
                                        <div class="pad">
                                            <div class="wrapper indent-bot">
                                                <a class="lightbox-image" href="images/image-blank.png" data-gal="prettyPhoto[gallery1]"><img src="images/page1-img3.jpg" alt=""></a>
                                                <a class="lightbox-image" href="images/image-blank.png" data-gal="prettyPhoto[gallery1]"><img src="images/page1-img4.jpg" alt=""></a>
                                            </div>
                                            <div class="wrapper">
                                                <a class="lightbox-image" href="images/image-blank.png" data-gal="prettyPhoto[gallery1]"><img src="images/page1-img5.jpg" alt=""></a>
                                                <a class="lightbox-image" href="images/image-blank.png" data-gal="prettyPhoto[gallery1]"><img src="images/page1-img6.jpg" alt=""></a>
                                            </div>
                                            <div class="wrapper">
                                                <a href="#" class="link2 fright link2-pad1">flickr gallery</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div> 
                    </div>
                </section>
            </div> 
        </div> 
        <aside>
            <div class="container_12">
                <div class="wrapper aside-top">
                    <div class="grid_3">
                        <h4 class="h4-bot">about</h4>
                        Lorem ipsum dolor sit amet, con
                        sectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aquam erat volutpatt wisi enim ad minieniam, quis nostrud exerci ation<br> ullamcorper suscipit lobortis nisl ut aliquip ex ea com
                        modo<br> consequatui.<br>
                        <a href="#" class="link3">more</a>
                    </div>
                    <div class="grid_3">
                        <h4>categories</h4>
                        <ul class="list1">
                            <li><a href="#">Adults</a></li>
                            <li><a href="#">Students</a></li>
                            <li><a href="#">Sunday Worship</a></li>
                            <li><a href="#">Explore</a></li>
                            <li><a href="#">Generous Living</a></li>
                            <li><a href="#">Local &amp; Global Missions</a></li>
                            <li class="last"><a href="#">Children</a></li>
                        </ul>
                    </div>
                    <div class="grid_3">
                        <h4>archives</h4>
                        <ul class="list1">
                            <li><a href="#">May 2011</a></li>
                            <li><a href="#">April 2011</a></li>
                            <li><a href="#">March 2011</a></li>
                            <li><a href="#">February 2011</a></li>
                            <li><a href="#">January 2011</a></li>
                            <li><a href="#">December 2010</a></li>
                            <li class="last"><a href="#">November 2010</a></li>
                        </ul>
                    </div>
                    <div class="grid_3">
                        <h4>contact us</h4>
                        <form id="contact-form">
                            <div class="success">Contact form submitted!<br>
                                <strong>We will be in touch soon.</strong>
                            </div>
                            <fieldset>
                                <label class="name">
                                    <input type="text" value=""><span class="form-text">Name</span>
                                    <span class="error">*This is not a valid name.</span> <span class="empty">*This field is required.</span>
                                </label>
                                <label class="email">
                                    <input type="email" value=""><span class="form-text">Email</span>
                                    <span class="error">*This is not a valid email address.</span> <span class="empty">*This field is required.</span>
                                </label>                                      
                                <label class="message">
                                    <textarea></textarea>
                                    <span class="error">*The message is too short.</span> <span class="empty">*This field is required.</span>
                                </label>
                                <div class="clear"></div>
                                <div class="buttons">
                                    <a href="#" data-type="reset">Reset</a><a href="#" data-type="submit">send</a>
                                </div>
                            </fieldset>
                        </form>
                    </div>
                </div>
            </div>	
        </aside>    
        <!-- footer -->
        <footer>
            <div class="foot-text">Jesus Church &copy; 2011 | <a href="index-5.html">Privacy Policy</a></div>
            <!-- {%FOOTER_LINK} -->
        </footer>  
        <script type="text/javascript"> Cufon.now(); </script>       
    </body>
</html>
